<template>
  <div class="">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane :label="$t('configLazyLoad.channel.WXkfAuthorized')" name="authoRization">
        <authoRization v-if="activeName === 'authoRization'"></authoRization>
      </el-tab-pane>
      <el-tab-pane :label="$t('configLazyLoad.channel.WXkfScenes')" name="accessScenario">
        <accessScenario v-if="activeName === 'accessScenario'"></accessScenario>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import authoRization from './wxkfAuthorization'
  import accessScenario from './wxkfAccessScenario'

  export default {
    name: 'AppCustomerService',
    data () {
      return {
        name: this.$t('config.channel.AppExplain'),
        activeName: 'authoRization',
        manageType: 'sdk'
      }
    },
    components: {
      authoRization,
      accessScenario
    //   AppAccountManage,
    },
    computed: {},
    methods: {
      handleClick (value) {
        this.name = value.label
      }
    },
    beforeMount () {
    }
  }
</script>

<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl";
</style>
